<template>
	<view class="content">
		<!-- 头部标题 -->
		<uni-nav-bar left-text="返回" height="158rpx" left-icon="left" :border="false" title="关于我们" />
		<!-- 二维码 -->
		<view class="yardbox">
			<view class="yard">
				
			</view>
			<view class="add">
				<text>扫一扫给史嘉诚付款</text>
			</view>
		</view>
		<!-- 协议 -->
		<view class="agreement">
			<view class="jump">
				<view class="left">
					<text class="iconfont icon-jiuyexieyi"></text><text class="txt">用户协议</text>
				</view>
				<view class="right">
					<uni-icons type="right" size="20" color="#ccc"></uni-icons>
				</view>
			</view>
			<view class="jump">
				<view class="left">
					<text class="iconfont icon-anquan"></text><text class="txt">个人隐私</text>
				</view>
				<view class="right">
					<uni-icons type="right" size="20" color="#ccc"></uni-icons>
				</view>
			</view>
		</view>
		<!-- 公司 -->
		<view class="firm">
			<view>
				<text class="iconfont icon-c"></text><text>Copyright2021</text>
			</view>
			<view>
				<text>北京互领科技有限公司版权所有</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
	page{
		background-color: #f6f6f6;
	}
	.content{
		.yardbox{
			width: 100%;
			height: 504rpx;
			margin-bottom: 20rpx;
			background-color: #fff;
			overflow: hidden;
			.yard{
				width: 342rpx;
				height: 342rpx;
				margin: 0 auto;
				margin-top: 20rpx;
				background-image: url(https://s2.loli.net/2024/11/20/QU5hZNBLEjwaFlG.jpg);
				background-size: cover;
			}
			.add{
				width: 100%;
				height: 141rpx;
				text-align: center;
				line-height: 141rpx;
				color: #ccc;
				font-size: 23rpx;
			}
		}
		// 协议
		.agreement{
			width: 100%;
			background-color: #fff;
			padding-top: 38rpx;
			display: flex;
			flex-direction: column;
			align-items: flex-end;
			.jump{
				width: 95%;
				height: 82rpx;
				border-bottom: 2rpx solid #eee;
				display: flex;
				justify-content: space-between;
				line-height: 82rpx;
				.left{
					.txt{
						margin-left: 15rpx;
					}
				}
				.right{
					margin-right: 20rpx;
				}
			}
		}
		// 公司
		.firm{
			width:100%;
			text-align: center;
			line-height: 42rpx;
			margin-top: 226rpx;
			font-size: 23rpx;
		}
	}
</style>
